<template>
    <div class="singer-home">
      <van-nav-bar
        title="歌单详情"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"
      />
      <van-tabs v-model="active">
        <van-tab title="百科">
          <SingerIntro :singerId="id" />
        </van-tab>
  
        <van-tab title="歌曲">
          <SingerSong :singerId="id" />
        </van-tab>
      </van-tabs>
    </div>
  </template>
  
  <script>
  import SingerIntro from "./components/SingerIntro.vue";
  import SingerSong from "./components/SingerSong.vue";
  export default {
    data() {
      return {
        active: 0,
        id: this.$route.params.id,
      };
    },
    methods: {
      onClickLeft() {
        this.$router.go(-1);
      },
    },
    components: {
      SingerIntro,
      SingerSong,
    },
  };
  </script>
  
  <style scoped>
  </style>